<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <title>资产助手</title>

    <style>
        body {
            background-image: url(/static/2-1PG9110644.png);
            background-size: cover;
            background-repeat: no-repeat;

        }

        h1 {
            padding-left: 600px;
        }


        label {
            display: block;
            margin-bottom: 5px;

        }

        label[id="searchbox"] {
            padding-left: 150px;


        }

        input[type="text"] {
            width: 150px;


        }

        button[ id="applyButton"] {
            color: blueviolet;
            text-align: center;
            margin-top: 20px;
            margin-right: 100px;
            width: 30mm;
            height: 10mm;


        }

        button[ id="directButton"] {
            color: brown;
            text-align: center;
            margin-top: 20px;
            margin-right: 100px;
            width: 30mm;
            height: 10mm;


        }

        button[ id="autoButton"] {
            color: black;
            text-align: center;
            margin-top: 20px;
            width: 30mm;
            height: 10mm;


        }

        audio {
            padding-left: 1100px;

        }

        input[ id="pass_value"] {
            margin-left: 20px;


        }

        input[id="IT_value"] {
            margin-left: 20px;
        }

        button[ id="job"] {
            color: brown;
            text-align: center;
            margin-top: 20px;
            margin-left: 200px;
            width: 20mm;
            height: 10mm;

        }

        label[id="action"] {
            margin-left: 160px;
        }

        form[id="printer"] {
            margin-top: 100px;
        }
        label[id="action2"]{
             margin-left: 100px;
            color: brown;



        }


    </style>


</head>
<body>

<h1>曹杰无敌智障工具</h1>
<audio src="/static/music.mp3" controls></audio>

<form method="post" action="/index">
    <label>
        <select id="input1" name="checkbox_value">
            <option value="">请选择工区</option>
            <option value="科技绿洲10号楼">科技绿洲10号楼</option>
            <option value="科技绿洲24号楼">科技绿洲24号楼</option>
            <option value="科技绿洲2号楼">科技绿洲2号楼</option>
            <option value="虹桥国际">虹桥国际</option>
            <option value="漕河泾B座">漕河泾B座</option>
            <option value="漕河泾C座">漕河泾C座</option>
            <option value="漕河泾D座">漕河泾D座</option>
            <option value="尚浦3">尚浦3</option>
            <option value="尚浦5">尚浦5</option>
            <option value="尚浦6">尚浦6</option>
            <option value="尚浦8">尚浦8</option>
            <option value="尚浦9">尚浦9</option>
            <option value="尚浦11">尚浦11</option>
            <option value="徐汇万科中心李锦记大厦">徐汇万科中心李锦记大厦</option>
            <option value="上海张润大厦">上海张润大厦</option>
            <option value="上海越界田林坊">上海越界田林坊</option>
        </select>
        <input type="text" id="input2" name="text_value" autocomplete="off" placeholder="请输入通行证">
        <input type="text" id="input3" name="number_value" placeholder="请输入你的工号">
    </label>
    <label id="searchbox">
        <input type="text" id="input4" name="number2_value" autocomplete="off" placeholder="请输入你的资产编号">
    </label>
</form>
<button id="applyButton" onclick="applyForReturn()">申请退库</button>
<button id="directButton" onclick="directReturn()">直接退库</button>
<button id="autoButton" onclick="autoAcceptOrder()">自动接单</button>
<label id="action2">
    (ps:退库已加入擦除，请输入cookie和token）
</label>


<form id="printer">
    <label>
        <input type="text" name="cookie" id="cookie_value" autocomplete="off" placeholder="请输入你的cookie">
        <input type="text" name="token" id="pass_value" autocomplete="off" placeholder="请输入你的token">
        <input type="text" name="token" id="IT_value" autocomplete="off" placeholder="请输入你的资产编号">
    </label>
</form>
<button id="job" onclick="get_tag()">打印</button>
<label id="action">
    （ps：连打请加空格）
</label>
<script>
    // 定义函数，向后端发送请求并执行相应的函数
    function applyForReturn() {
        var button = document.getElementById("applyButton");
        button.disabled = true;
        $.ajax({
            url: '/applyForReturn', // 后端接口URL
            method: 'POST',
            dataType: "json",
            data: JSON.stringify({
                site: $("#input1").val(),
                pass: $("#input2").val(),
                number: $("#input3").val(),
                number2: $("#input4").val()
            })

            , // 发送给后端的数据
            success: function (response) {
                // 在成功回调中执行相关操作
                alert(response.message);
                button.disabled = false;

                // 弹窗提示返回的消息
            },
            error: function () {
                alert('未发起退库，请注意！！！');
                button.disabled = false;
            }
        })

    }

    function directReturn() {
        var button = document.getElementById("directButton");
        button.disabled = true;

        $.ajax({
            url: '/directReturn',
            method: 'POST',
            dataType: "json",
            data: JSON.stringify({
                site: $("#input1").val(),
                pass: $("#input2").val(),
                number: $("#input3").val(),
                number2: $("#input4").val(),
                cookie_value: $('#cookie_value').val(),
                pass_value: $('#pass_value').val()
            }),

            success: function (response) {
                alert(response.message);
                button.disabled = false;
            },
            error: function () {
                alert('未成功退库，请注意');
                button.disabled = false;
            }
        })


    }


    var autoAcceptBtn = document.getElementById('autoButton');
    var isAccepting = false; // 状态变量，用于判断是否正在接单
    var intervalId; // 定时器ID

    function autoAcceptOrder() {
        if (!isAccepting) {
            // 开始接单
            autoAcceptBtn.innerText = '正在接单';
            intervalId = setInterval(sendRequest, 90000); // 每隔1分钟发送请求
            sendRequest(); // 立即发送一次请求
        } else {
            // 停止接单
            autoAcceptBtn.innerText = '自动接单';
            clearInterval(intervalId); // 停止定时器
        }

        isAccepting = !isAccepting; // 切换接单状态
    }

    function sendRequest() {
        // 使用Ajax向后端发送请求，并在回调函数中处理后端返回的数据
        // 这里需要根据实际情况来发送请求和处理返回的数据
        $.ajax({
            url: '/autoAcceptOrder',
            method: 'POST',
            dataType: "json",
            data: JSON.stringify({
                site: $("#input1").val(),
                pass: $("#input2").val(),
                number: $("#input3").val()
            }),
            success: function (response) {
                console.log(response);

            },
            error: function () {
                alert('未成功接单，请注意');
            }


        })
    }


    function get_tag() {
        var button = document.getElementById("job");
        button.disabled = true;
        $.ajax({
            url: '/get_tar',
            method: 'POST',
            dataType: "json",
            data: JSON.stringify({
                cookie_value: $('#cookie_value').val(),
                pass_value: $('#pass_value').val(),
                IT_value: $('#IT_value').val(),
                site: $("#input1").val(),
                pass: $("#input2").val(),
                number: $("#input3").val()

            }),

            success: function (response) {
                alert(response.message)
                button.disabled = false;
            },
            error: function () {
                alert('打印失败');
                button.disabled = false;
            }

        })
    }


</script>
</body>
</html>